<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
<title>无标题文档</title>
   <style type="text/css">
      *{ padding:0; margin:0}
	      .layer1{ height:300px; width:40%; background-color:#CCC; border-radius:10px; margin:0 auto; margin-top:5%; padding:4%; text-align:center; padding-left:5%;}
		  .layer1 form{ vertical-align:center; padding:0 }
		  #co1{ width:30%; text-align:center;}
		  .layer1 input{ height:20px;}
		  .layer table{ }
		  


   </style>
</head>

<body>
    <div class="layer1">
      <h2>用户登录</h2><br />
      <form id="form1" name="form1" method="post" action="">
        <table width="371" align="center"  style="border-radius:10px; background-color:#FFF; height:200px;">
          <tr>
            <td width="31%" id="co1">用户名：</td>
            <td width="69%"><label for="textfield"></label>
            <input type="text" name="textfield" id="textfield" /></td>
          </tr>
          <tr>
            <td id="co1">密码：</td>
            <td><label for="textfield2"></label>
            <input type="text" name="textfield2" id="textfield2" /></td>
          </tr>
          <tr>
            <td><input type="submit" name="button" id="button" value="确认" /></td>
            <td><input type="reset" name="button2" id="button2" value="取消" /></td>
          </tr>
        </table>
      </form>
     
    </div>
</body>
</html>
